<template>
  <div class="loginback">
    <div class="phonehead">
     <img src="../../assets/image/login-goback.png" alt="" @click="goback">
     <span>使用密码登录</span>
    </div>
    <div class="login-logo">
        <img src="../../assets/image/login-logo.png" alt="">
    </div>
    <Phoneres />
  </div>
</template>

<script>
import Phoneres from '../Login/Phoneres.vue'
export default {
  data(){
      return{
        uPhone:'',
        password:''
      }
  },
  components:{
      Phoneres
  },
  methods:{
   goback(){
    this.$router.replace('/home')
   },
  }

}
</script>

<style lang="stylus" scoped>
 .loginback{
    position fixed
    top 0
    left 0
    bottom 0
    right 0
    background #343434
    z-index -1
    .phonehead{
        width 100%
        height 44px
        img{
            width 17px
            height 17px
            margin-left 22px
            margin-top 18px
        }
        span {
            color  #F9F9F9
            font-size 18px   
            margin-left 90px
        }
    }
    .login-logo{
        width 100%
        height 112px
        display flex
        justify-content center
        align-items center
        img{
            width 70px
            height 70px
        }
    }
 }
</style>